﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <link href="../css/InstitutMessage.css" rel="stylesheet" />
    <link href="../css/cultural.css" rel="stylesheet" />
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li class="current"><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                机构用户中心
            </div>
            <div id="cnt">
                <div class="jg_title">
                    <a href="javascript://" onclick="add()" class="click-link">新建需求</a>
                    <h1>文化资源</h1>
                    <p>发布文化资源，配送信息</p>
                </div>
                <div class="apply">
                    <ul>
                        <li>
                            <a href="javascript://">曲艺专场</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                        <li>
                            <a href="javascript://">舌尖上的困惑-食品添加剂</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                        <li>
                            <a href="javascript://">曲艺专场</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                        <li>
                            <a href="javascript://">舌尖上的困惑-食品添加剂</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                        <li>
                            <a href="javascript://">曲艺专场</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                        <li>
                            <a href="javascript://">舌尖上的困惑-食品添加剂</a>
                            <p>
                                <span>类型：文化演出</span>
                                <span>费用：2000元/场</span>
                                <span>可配送场次/剩余数：7/1场</span>
                            </p>
                            <div>
                                田耘社自2004年成立至今，凭借着对传统文化的满腔热忱，秉持着孜孜不倦、精益求精的执着精神。田耘社在上海这座时尚、潮流、发达的现代化都市里，勇于探索、甘于寂寞、持之以恒、辛勤耕耘，用笑声和掌声追逐梦想。
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="add" style="display:none ;">
                <div class="jg_title">
                    <a class="click-link pull-right" href="javascript://" onclick="off()">取消</a>
                    <h1>创建活动</h1>
                    <p>设置活动信息，创建活动场次</p>
                </div>
                <div class="layer-body  silde-content form-horizontal">
                    <h2>基本信息</h2>
                    <fieldset class="form-body">
                        <div class="form-group">
                            <label class="control-label">资源类型：</label>
                            <div class="controls">
                                <select class="form-control col-md-2">
                                    <option>请选择机构类型</option>
                                    <option>文艺演出</option>
                                    <option>讲座</option>
                                    <option>作品</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">配送机构：</label>
                            <div class="controls" style=" position:relative;">
                                <input type="text" class="form-control col-md-3" placeholder="请输入" />
                                <i style=" position:absolute; left:110px;top:0;line-height:28px; font-style:normal;font-size: 12px; color:#666">需求场次：3天  6场</i>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">收费模式：</label>
                            <div class="controls form-control-static">
                                <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">免费</label>
                                <hr class="hr-br" />
                                <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">收费</label>
                                <input type="text" class="form-control col-md-1 no-space" placeholder="￥" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">所属类型：</label>
                            <div class="controls">
                                <select class="form-control col-md-2">
                                    <option>亲子活动</option>
                                    <option>公益活动</option>
                                    <option>展览展会</option>
                                    <option>名家讲坛</option>
                                    <option>技术研讨</option>
                                    <option>全民科普</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">资源简介：</label>
                            <div class="controls">
                                <textarea class="form-control col-md-4" style="height:120px;" placeholder="资源简介将展示给读者，限200个字"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动详情：</label>
                            <div class="controls">
                                <textarea class="form-control col-md-8" style="height:260px;" placeholder=""></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">场地及设备要求：</label>
                            <div class="controls">
                                <textarea class="form-control col-md-4" style="height:120px;" placeholder="场地及设备要求，限100个字"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">时长：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-3" placeholder="请输入" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">图片展示：</label>
                            <div class="controls">
                                <div class="file_upload">
                                    <span>拖拽文件或点击选择文件上传</span>
                                </div>
                            </div>
                        </div>
                        <h2>联系方式</h2>
                        <div class="form-group">
                            <label class="control-label">联系电话：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-3" placeholder="请输入" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">联系邮箱：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-3" placeholder="请输入" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">咨询QQ：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-3" placeholder="请输入" />
                            </div>
                        </div>
                        <hr />
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/animate.js"></script>
    <script>
        var add = function (e) {
            $("#add").show().find("#save").attr("data-ids", e);
            $("#cnt").hide()
        };
        var off = function () {
            $("#add").hide()
            $("#cnt").show()
        }

        var keep = $("#keep");
        var save = $("#save");
        var edit = $("#edit");
        var onkeep = function () {
            keep.hide();
            save.show();
            edit.show();
        };
        var onsave = function (s) {
            var id = $(s).attr("data-ids");//获取指定场馆的id值
            //提交保存数据的逻辑
            console.log(id);

            keep.show();
            save.hide();
            edit.hide();
            off();
        }
        $(function () {
            //侧导航高度自适应
            onscrolls2();
        })
    </script>
</body>
</html>
